<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="${pageContext.request.contextPath }/css/lrtk.css">
<link rel="stylesheet" href="${pageContext.request.contextPath }/css/main.css">
<script src="${pageContext.request.contextPath }/js/hashtabber.js"></script>
</head>
<body>
<section class="example">
	<section class="hashTabber-sandstone-wrapper">
    <ol class="hashTabber-nav hashTabber-sandstone" data-hashtabber-id="dinosaurs" data-hashtabber-default="pterosaur">
        
            <li data-hashtabber-pair="trilobite" class="active">
                <a href="#dinosaurs=trilobite">关于我们</a>
            </li>
            <li data-hashtabber-pair="velociraptor" class="">
                <a href="#dinosaurs=velociraptor">董事长致辞</a>
            </li>
            <li data-hashtabber-pair="pterosaur" class="">
                <a href="#dinosaurs=pterosaur">产品品牌</a>
            </li>
            <li data-hashtabber-pair="lambeosaurus" class="">
                <a href="#dinosaurs=lambeosaurus">公司荣誉</a>
            </li>
           <!-- <li data-hashtabber-pair="eoraptor" class=" ">
                <a href="#dinosaurs=eoraptor">Eoraptor</a>
            </li> -->
    </ol>
    <s:iterator value="#request.list" var="i">
    <ol>
    	<li><s:property value="Title"/></li>
    </ol>
    </s:iterator>
            <s:iterator value="#request.list" var="i">
            <li><s:property value="Title"/></li>
 <ol class="hashTabber-data hashTabber-sandstone" data-hashtabber-id="dinosaurs">
            <s:if test="#i.Type_Name.Type_Name == '关于我们'">
            <li data-hashtabber-pair="trilobite" class="active">
                <article>
                    <h3><s:property value="Title"/> </h3>
                    <p><s:property value="Brief_Introduction"/> </p>
                </article>
            </li>
            </s:if>
            <s:if test="#i.Type_Name.Type_Name == '董事长致辞'">
            <li data-hashtabber-pair="velociraptor" class="">
                <article>
                    <h3><s:property value="Title"/> </h3>
                    <p><s:property value="Brief_Introduction"/> </p>
                </article>
            </li>
            </s:if>
            <s:if test="#i.Type_Name.Type_Name == '产品品牌'">
            <li data-hashtabber-pair="pterosaur" class="">
                <article>
                    <h3><s:property value="Title"/> </h3>
                    <p><s:property value="Brief_Introduction"/> </p>
                </article>
            </li>
            </s:if>
            <s:if test="#i.Type_Name.Type_Name == '公司荣誉'">
            <li data-hashtabber-pair="lambeosaurus" class="">
                <article>
                    <h3><s:property value="Title"/> </h3>
                    <p><s:property value="Brief_Introduction"/> </p>
                </article>
            </li>
            </s:if>
    </ol>
          </s:iterator>
	</section>
</section>
<script>
var tabber = new HashTabber();
tabber.run();
</script>

           <!--  <li data-hashtabber-pair="velociraptor" class="">
                <article>
                    <h3>董事长致辞</h3>
                    <p>Velociraptor is a genus of dromaeosaurid theropod dinosaur that lived approximately 75 to 71 million years ago during the later part of the Cretaceous Period.Two species are currently recognized, although others have been assigned in the past. The type species is V. mongoliensis; fossils of this species have been discovered in Mongolia. A second species, V. osmolskae, was named in 2008 for skull material from Inner Mongolia, China.</p>
                </article>
            </li>
        
            <li data-hashtabber-pair="pterosaur" class="">
                <article>
                    <h3>产品品牌</h3>
                    <p>Pterosaurs were flying reptiles of the clade or order Pterosauria. They existed from the late Triassic to the end of the Cretaceous Period (228 to 66 million years ago). Pterosaurs are the earliest vertebrates known to have evolved powered flight. Their wings were formed by a membrane of skin, muscle, and other tissues stretching from the ankles to a dramatically lengthened fourth finger. Early species had long, fully toothed jaws and long tails, while later forms had a highly reduced tail, and some lacked teeth. Many sported furry coats made up of hair-like filaments known as pycnofibres, which covered their bodies and parts of their wings. Pterosaurs spanned a wide range of adult sizes, from the very small Nemicolopterus to the largest known flying creatures of all time, including Quetzalcoatlus and Hatzegopteryx.</p>
                </article>
            </li>
            <li data-hashtabber-pair="lambeosaurus" class="">
                <article>
                    <h3>公司荣誉</h3>
                    <p>Lambeosaurus is a genus of hadrosaurid dinosaur that lived about 76 to 75 million years ago, in the Late Cretaceous period (Campanian) of North America. This bipedal/quadrupedal, herbivorous dinosaur is known for its distinctive hollow cranial crest, which in the best-known species resembled a hatchet. Several possible species have been named, from Canada, the United States, and Mexico, but only the two Canadian species are currently recognized as valid.</p>
                </article>
            </li> -->
</body>
</html>